## [1.1. Основы HTML](https://html5book.ru/osnovy-html/#part4)

Содержание:
1) Структура HTML-документа
### 1.1. Элемент \<html>

    <html manifest="about_company.appcache">

#### [manifest](https://developer.mozilla.org/ru/docs/Web/HTML/%D0%98%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5_%D0%BA%D1%8D%D1%88%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F_%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D0%B9)


#### version
 

#### xmlns
Content-Type: application/xhtml+xml

    <?xml version="1.0" encoding="UTF-8"?>
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <title>XHTML</title>
    </head>
    <body>
        <p>I am a XHTML document</p>
    </body>
    </html>
### 1.2. Элемент \<head>

### 1.2.1. Элемент \<title>
Длина заголовка должна быть не более 60 символов, чтобы полностью поместиться в заголовке. Текст заголовка должен содержать максимально полное описание содержимого веб-страницы.

### 1.2.2. Элемент \<meta>

#### charset

#### content

#### http-equiv
##### content-security-policy
##### content-type
##### default-style
##### refresh

#### name



```html

<meta charset="utf-8">
<meta name="description" content="Описание содержимого страницы">
<meta name="keywords" content="Ключевые слова через запятую">
<meta name="robots" content="index, follow"> 
<meta http-equiv="refresh" content="30">
```

Страница будет перезагружена через 30 секунд. Чтобы перебросить посетителя на другую страницу, нужно указать URL-адрес в параметре url:

```html
<meta http-equiv="refresh" content="0; url=http://yandex.ru/">

```
Также атрибут `name` может принимать следующие значения из расширенной спецификации, такие как `creator`, `googlebot`, `publisher`, `robots`, `slurp`, `viewport`

### 1.2.3. Элемент \<style>

```html
<style media = "" nonce = "" type = ""></style>
```
#### nonce = [Улучшение сетевой безопасности с помощью Content Security Policy ](https://habr.com/ru/company/nix/blog/271575/)



### 1.2.4. Элемент \<link>

```html
<style>
@import url(style.css);
</style>

<link rel="stylesheet" href="style.css" type="text/css" hreflang = "" media = "" nonce = "" sizes = "" title = "">
```

### 1.2.5. Элемент \<script>

```html
<script async charset = "" crossorigin = "" defer = "" nonce = "" src = "">...</script>
```
### 1.3. Элемент \<body>

```html
    <body onafterprint = "()=>{}" onbeforeprint = "()=>{}" onbeforeunload = "()=>{}" onhashchange = "()=>{}" onmessage = "()=>{}" onoffline = "()=>{}" ononline = "()=>{}" onpagehide = "()=>{}" onpageshow = "()=>{}" onunload = "()=>{}" ></body>
```  

@@  [train emmet](https://dwstroy.ru/stail/plaginy-rasshireniya/emmet-shpargalka/)

## [1.1. Основы HTML](https://html5book.ru/osnovy-html/#part4)

## Все HTML-элементы делятся на пять типов:

1. пустые элементы — \<area>, \<base>, \<br>, \<col>, \<embed>, \<hr>, \<img>, \<input>, \<link>, \<menuitem>, \<meta>, \<param>, \<source>, \<track>, \<wbr>;
2. элементы с неформатированным текстом — \<script>, \<style>;
3. элементы, выводящие неформатированный текст — \<textarea>, \<title>;
4. элементы из другого пространства имён — MathML и SVG;
5. обычные элементы — все остальные элементы.

## Property Value of Display types

- block
- inline
- inline-block
- none
- list-item
- table
- table-caption
- table-row
- table-column
- table-header-group
- table-row-group
- table-cell

## Полный список HTML-элементов

| Тег                                      | Описание                                 |
|------------------------------------------|------------------------------------------|
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;!--...--&gt;</kbd> | Используется для добавления комментариев. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;!DOCTYPE&gt;</kbd> | Объявляет тип документа и предоставляет основную информацию для браузера — его язык и версия. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;a&gt;</kbd> | Создаёт гипертекстовые ссылки.           |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;abbr&gt;</kbd> | Определяет текст как аббревиатуру или акроним. Поясняющий текст задаётся с помощью атрибута<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">title</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;address&gt;</kbd> | Задает контактные данные автора/владельца документа или статьи. Отображается в браузере курсивом. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;area&gt;</kbd> | Представляет собой гиперссылку с текстом, соответствующей определенной области на карте-изображении или активную область внутри карты-изображения. Всегда вложен внутрь тега<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;map&gt;</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;article&gt;</kbd> | Раздел контента, который образует независимую часть документа или сайта, например, статья в журнале, запись в блоге, комментарий. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;aside&gt;</kbd> | Представляет контент страницы, который имеет косвенное отношение к основному контенту страницы/сайта. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;audio&gt;</kbd> | Загружает звуковой контент на веб-страницу. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;b&gt;</kbd> | Задает полужирное начертание отрывка текста, не придавая акцент или важность выделенному. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;base&gt;</kbd> | Задает базовый адрес (URL), относительно которого вычисляются все относительные адреса. Это поможет избежать проблем при переносе страницы в другое место, так как все ссылки будут работать, как и прежде. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;bdi&gt;</kbd> | Изолирует отрывок текста, написанный на языке, в котором чтение текста происходит справа налево, от остального текста. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;bdo&gt;</kbd> | Отображает текст в направлении, указанном в атрибуте<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">dir</kbd>, переопределяя текущее направление написания текста. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;blockquote&gt;</kbd> | Выделяет текст как цитату, применяется для описания больших цитат. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;body&gt;</kbd> | Представляет тело документа (содержимое, не относящееся к метаданным документа). |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;br&gt;</kbd> | Перенос текста на новую строку.          |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;button&gt;</kbd> | Создает интерактивную кнопку. Внутрь тега можно поместить содержимое — текст или изображение. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;canvas&gt;</kbd> | Холст-контейнер для динамического отображения изображений, таких как простые изображения, диаграммы, графики и т.п. Для рисования используется скриптовый язык JavaScript. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;caption&gt;</kbd> | Добавляет подпись к таблице. Вставляется сразу после тега<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;table&gt;</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;cite&gt;</kbd> | Используется для указания источника цитирования. Отображается курсивом. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;code&gt;</kbd> | Представляет фрагмент программного кода, отображается шрифтом семейства<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">monospace</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;col&gt;</kbd> | Выбирает для форматирования один или несколько столбцов таблицы, не содержащих информацию одного типа. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;colgroup&gt;</kbd> | Создает структурную группу столбцов, выделяющую множество логически однородных ячеек. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;data&gt;</kbd> | Элемент используется для связывания значения атрибута<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">value</kbd>, которое представлено в машиночитаемом формате и может быть обработано компьютером, с содержимым тега. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;datalist&gt;</kbd> | Элемент-контейнер для выпадающего списка элемента<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;input&gt;</kbd>. Варианты значений помещаются в элементы <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;option&gt;</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;dd&gt;</kbd> | Используется для описания термина из тега<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;dt&gt;</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;del&gt;</kbd> | Помечает текст как удаленный, перечёркивая его. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;details&gt;</kbd> | Создаёт интерактивный виджет, который пользователь может открыть или закрыть. Представляет собой контейнер для контента, видимый заголовок виджета помещается в тег<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;summary&gt;</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;dfn&gt;</kbd> | Определяет слово как термин, выделяя его курсивом. Текст, идущий следом, должен содержать расшифровку этого термина. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;dialog&gt;</kbd> | Интерактивный элемент, с которым взаимодействует пользователь для выполнения задачи, например, диалоговое окно, инспектор или окно. Без атрибута<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">open</kbd><span> </span>не виден для пользователя. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;div&gt;</kbd> | Тег-контейнер для разделов HTML-документа. Используется для группировки блочных элементов с целью форматирования стилями. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;dl&gt;</kbd> | Тег-контейнер, внутри которого находятся термин и его описание. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;dt&gt;</kbd> | Используется для задания термина.        |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;em&gt;</kbd> | Выделяет важные фрагменты текста, отображая их курсивом. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;embed&gt;</kbd> | Тег-контейнер для встраивания внешнего интерактивного контента или плагина. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;fieldset&gt;</kbd> | Группирует связанные элементы в форме, рисуя рамку вокруг них. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;figcaption&gt;</kbd> | Заголовок/подпись для элемента<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;figure&gt;</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;figure&gt;</kbd> | Самодостаточный тег-контейнер для такого контента как иллюстрации, диаграммы, фотографии, примеры кода, обычно с подписью. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;footer&gt;</kbd> | Определяет завершающую область (нижний колонтитул) документа или раздела. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;form&gt;</kbd> | Форма для сбора и отправки на сервер информации от пользователей. Не работает без атрибута<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">action</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;h1-h6&gt;</kbd> | Создают заголовки шести уровней для связанных с ними разделов. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;head&gt;</kbd> | Элемент-контейнер для метаданных HTML-документа, таких как<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;title&gt;</kbd>,<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;meta&gt;</kbd>,<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;script&gt;</kbd>,<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;link&gt;</kbd>,<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;style&gt;</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;header&gt;</kbd> | Секция для вводной информации сайта или группы навигационных ссылок. Может содержать один или несколько заголовков, логотип, информацию об авторе. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;hr&gt;</kbd> | Горизонтальная линия для тематического разделения параграфов. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;html&gt;</kbd> | Корневой элемент HTML-документа. Сообщает браузеру, что это HTML-документ. Является контейнером для всех остальных html-элементов. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;i&gt;</kbd> | Выделяет отрывок текста курсивом, не придавая ему дополнительный акцент. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;iframe&gt;</kbd> | Создает встроенный фрейм, загружая в текущий HTML-документ другой документ. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;img&gt;</kbd> | Встраивает изображения в HTML-документ с помощью атрибута<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">src</kbd>, значением которого является адрес встраиваемого изображения. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;input&gt;</kbd> | Создает многофункциональные поля формы, в которые пользователь может вводить данные. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;ins&gt;</kbd> | Выделяет текст подчеркиванием. Применяется для выделения изменений, вносимых в документ. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;kbd&gt;</kbd> | Выделяет текст, который должен быть введён пользователем с клавиатуры, шрифтом семейства monospace. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;label&gt;</kbd> | Добавляет текстовую метку для элемента<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;input&gt;</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;legend&gt;</kbd> | Заголовок элементов формы, сгруппированных с помощью элемента<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;fieldset&gt;</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;li&gt;</kbd> | Элемент маркированного или нумерованного списка. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;link&gt;</kbd> | Определяет отношения между документом и внешним ресурсом. Также используется для подключения внешних таблиц стилей. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;main&gt;</kbd> | Контейнер для основного уникального содержимого документа. На одной странице должно быть не более одного элемента<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;main&gt;</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;map&gt;</kbd> | Создаёт активные области на карте-изображении. Является контейнером для элементов<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;area&gt;</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;mark&gt;</kbd> | Выделяет фрагменты текста, помечая их желтым фоном. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;meta&gt;</kbd> | Используется для хранения дополнительной информации о странице. Эту информацию используют браузеры для обработки страницы, а поисковые системы — для ее индексации. В блоке<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;head&gt;</kbd><span> </span>может быть несколько тегов<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;meta&gt;</kbd>, так как в зависимости от используемых атрибутов они несут разную информацию. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;meter&gt;</kbd> | Индикатор измерения в заданном диапазоне. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;nav&gt;</kbd> | Раздел документа, содержащий навигационные ссылки по сайту. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;noscript&gt;</kbd> | Определяет секцию, не поддерживающую сценарий (скрипт). |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;object&gt;</kbd> | Контейнер для встраивания мультимедиа (например, аудио, видео, Java-апплеты, ActiveX, PDF и Flash). Также можно вставить другую веб-страницу в текущий HTML-документ. Для передачи параметров встраиваемого плагина используется тег<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;param&gt;</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;ol&gt;</kbd> | Упорядоченный нумерованный список. Нумерация может быть числовая или алфавитная. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;optgroup&gt;</kbd> | Контейнер с заголовком для группы элементов<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;option&gt;</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;option&gt;</kbd> | Определяет вариант/опцию для выбора в раскрывающемся списке<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;select&gt;</kbd>,<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;optgroup&gt;</kbd><span> </span>или<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;datalist&gt;</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;output&gt;</kbd> | Поле для вывода результата вычисления, рассчитанного с помощью скрипта. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;p&gt;</kbd> | Параграфы в тексте.                      |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;param&gt;</kbd> | Определяет параметры для плагинов, встраиваемых с помощью элемента<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;object&gt;</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;picture&gt;</kbd> | Элемент-контейнер, содержащий один элемент<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;img&gt;</kbd><span> </span>и ноль или несколько элементов<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;source&gt;</kbd>. Сам по себе ничего не отображает. Дает возможность браузеру выбирать наиболее подходящее изображение. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;pre&gt;</kbd> | Выводит текст без форматирования, с сохранением пробелов и переносов текста. Может быть использован для отображения компьютерного кода, сообщения электронной почты и т.д. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;progress&gt;</kbd> | Индикатор выполнения задачи любого рода. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;q&gt;</kbd> | Определяет краткую цитату.               |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;ruby&gt;</kbd> | Контейнер для Восточно-Азиатских символов и их расшифровки. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;rb&gt;</kbd> | Определяет вложенный в него текст как базовый компонент аннотации. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;rt&gt;</kbd> | Добавляет краткую характеристику сверху или снизу от символов, заключенных в элементе<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;ruby&gt;</kbd>, выводится уменьшенным шрифтом. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;rtc&gt;</kbd> | Отмечает вложенный в него текст как дополнительную аннотацию. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;rp&gt;</kbd> | Выводит альтернативный текст в случае если браузер не поддерживает элемент &lt;ruby&gt;. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;s&gt;</kbd> | Отображает текст, не являющийся актуальным, перечеркнутым. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;samp&gt;</kbd> | Используется для вывода текста, представляющего результат выполнения программного кода или скрипта, а также системные сообщения. Отображается моноширинным шрифтом. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;script&gt;</kbd> | Используется для определения сценария на стороне клиента (обычно JavaScript). Содержит либо текст скрипта, либо указывает на внешний файл сценария с помощью атрибута<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">src</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;section&gt;</kbd> | Определяет логическую область (раздел) страницы, обычно с заголовком. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;select&gt;</kbd> | Элемент управления, позволяющий выбирать значения из предложенного множества. Варианты значений помещаются в <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;option&gt;</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;small&gt;</kbd> | Отображает текст шрифтом меньшего размера. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;source&gt;</kbd> | Указывает местоположение и тип альтернативных медиаресурсов для элементов<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;picture&gt;</kbd>,<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;video&gt;</kbd>,<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;audio&gt;</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;span&gt;</kbd> | Контейнер для строчных элементов. Можно использовать для форматирования отрывков текста, например, выделения цветом отдельных слов. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;strong&gt;</kbd> | Расставляет акценты в тексте, выделяя полужирным. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;style&gt;</kbd> | Подключает встраиваемые таблицы стилей.  |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;sub&gt;</kbd> | Задает подстрочное написание символов, например, индекса элемента в химических формулах. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;summary&gt;</kbd> | Создаёт видимый заголовок для тега<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;details&gt;</kbd>. Отображается с закрашенным треугольником, кликнув по которому можно просмотреть подробности заголовка. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;sup&gt;</kbd> | Задает надстрочное написание символов.   |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;table&gt;</kbd> | Тег для создания таблицы.                |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;tbody&gt;</kbd> | Определяет тело таблицы.                 |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;td&gt;</kbd> | Создает ячейку таблицы.                  |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;template&gt;</kbd> | Используется для объявления фрагментов HTML-кода, которые могут быть клонированы и вставлены в документ скриптом. Содержимое тега не является его дочерним элементом. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;textarea&gt;</kbd> | Создает большие поля для ввода текста.   |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;tfoot&gt;</kbd> | Определяет нижний колонтитул таблицы.    |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;th&gt;</kbd> | Создает заголовок ячейки таблицы.        |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;thead&gt;</kbd> | Определяет заголовок таблицы.            |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;time&gt;</kbd> | Определяет дату/время.                   |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;title&gt;</kbd> | Заголовок HTML-документа, отображаемый в верхней части строки заголовка браузера. Также может отображаться в результатах поиска, поэтому это следует принимать во внимание предоставление названия. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;tr&gt;</kbd> | Создает строку таблицы.                  |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;track&gt;</kbd> | Добавляет субтитры для элементов<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;audio&gt;</kbd><span> </span>и<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;video&gt;</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;u&gt;</kbd> | Выделяет отрывок текста подчёркиванием, без дополнительного акцента. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;ul&gt;</kbd> | Создает маркированный список.            |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;var&gt;</kbd> | Выделяет переменные из программ, отображая их курсивом. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;video&gt;</kbd> | Добавляет на страницу видео-файлы. Поддерживает 3 видео формата: MP4, WebM, Ogg. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">&lt;wbr&gt;</kbd> | Указывает браузеру возможное место разрыва длинной строки. |






